<template>
    <div>
        <van-notice-bar scrollable text="一个开放的保险自助平台，希望能帮到您！如需咨询请拨打：400-88888888"/>
        <img class="index-poster" src="http://qi2xmzlec.hb-bkt.clouddn.com/index.jpg">
        <br/>
        <br/>
        <div style="margin: 25px; height: 50px;">
            <van-button round block type="info"  @click="onClickList">
                我要咨询
            </van-button>
        </div>
        <div style="margin: 25px;">
            <van-button round block type="primary" @click="onClickUser">
                我是业务员
            </van-button>
        </div>

    </div>
</template>

<script>
    import Vue from 'vue';
    import {Swipe, SwipeItem, Button, Image as VanImage, NoticeBar} from 'vant';

    Vue.use(Swipe);
    Vue.use(SwipeItem);
    Vue.use(Button);
    Vue.use(VanImage);
    Vue.use(NoticeBar);

    export default {
        components: {
            [Swipe.name]: Swipe,
            [SwipeItem.name]: SwipeItem,
            [Button.name]: Button,
        },

        data() {
            return {

            };
        },

        methods: {

            onClickList() {
                this.$router.push('list');
            },

            onClickUser() {
                this.$router.push('register');
            }
        }
    };
</script>

<style lang="less">
    .my-swipe .van-swipe-item {
        color: #fff;
        font-size: 20px;
        line-height: 150px;
        text-align: center;
        background-color: rgba(255, 246, 237, 0.09);
    }
    .index {
    &-poster {
         width: 100%;
         display: block;
     }
    }
</style>
